<template>
    <div>
        <p>我是父组件</p>
        <!-- 使用子组件 -->
        <Son v-slot="{ sonusername, heroArr }">
            <p>{{ username }}</p>
            <span>{{ sonusername }}</span>
            <ul>
                <li v-for="(item, index) in heroArr">{{ item }}</li>
            </ul>
        </Son>
    </div>
</template>

<script>
import Son from './Son.vue';

// 作用域插槽
// 将子组件中的数据通过 slot 标签传递给父组件模板使用
// 变相的实现了子传父



export default {
    data() {
        return {
            username: '刘备'
        }
    },
    components: {
        Son
    }
}
</script>
<style scoped></style>